<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Cache-Control" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<title>品质从此无忧-麦丰网</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="/app/styles/base.css">
		<script type="text/javascript" src="/common/js/zepto.js"></script>
		<script type="text/javascript" src="/app/scripts/common_lib.js"></script>
<style type="text/css">
.div-header {
	width: 100%;
	height: 45px;
	color: #FFF;
	margin: 0 auto;
	line-height: 45px;
	text-align: left;
	background: url(/mobile/images/red_bg.jpg) repeat;
}

#name{ 
	font-size:18px; 
	line-height:45px; 
	padding-left:0px; 
	margin-left:0px;
	width:200px; 
	height:45px; 
	float:left;
	padding-left: 10px;
}

#user{
	background:url(images/user_white.png) no-repeat center;
	width:32px; 
	height:45px; 
	float:right;
	
}

ul,li{list-style:none; padding: 0;margin: 0;}

.div-content {
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
}

.div-section {
	background-color: #FFF;
	text-align: left;
	padding: 8px;
	margin-top: 8px;
}
.bitButton1{ margin-top:10px;border:0;width:100%; height:40px; font-size:18px; font-weight:bold; background:url(images/button_bg3.jpg) repeat; color:#FFFFFF; line-height:28px; text-align:center;}

p{
	text-align: justify;
	text-justify:inter-ideograph;
	line-height: 20px;
	text-indent: 25px;
	padding-bottom: 8px;
}

</style>		
</head>

<body>
	<div class="div-header">
		<ul>
			<li id="name">关于我们</li>
			<li id="user" onclick="location.href='/'"></li>
		</ul>
	</div>
	
	<div class = "div-content">
		<div class="div-section" style="font-size: 15px;display: none;">
			<div id="callback"></div>
		</div>
		<div class="div-section" style="font-size: 15px;">
			<div id="trade_result"></div>
		</div>
	</div>
	
	<footer>
		<div class="footerWrap">
			<iframe src="/mobile/footer.html" style="padding: 0;margin: 0;width: 100%;height: 100%;" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>
		</div>
	</footer>
	<div style="height: 50px;"></div>
	
	<div class="bottom">
		<div class="bottomWrap">
			<iframe src="/mobile/bottom.html" style="padding: 0;margin: 0;width: 100%;height: 100%;" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>
		</div>
	</div>
</body>
<script type="text/javascript">
	$(document).ready(function() {
		cjl.getTitle();
		initPage();
	});
	
	function initPage() {
		var url = "/alipay/callback"
		cjl.get(url, {}, function(body){
			var params = body;
			var html = '';
			html += '<p>out_trade_no:'+params.out_trade_no+'</p>';
			html += '<p>trade_no:'+params.trade_no+'</p>';
			html += '<p>result:'+params.result+'</p>';
			$("#callback").html(html);
			
			if(params.result == "success") {
				html = '<p>成功付款，感谢您对焦龙的支持，我们会尽快为您选购商品并及时发货.</p>';
			} else {
				html = '<p>付款失败，请进入个人支付宝账号确认交易记录，以免造成财产损失.</p>';
			}
			$("#trade_result").html(html);
		});
	}
	
</script>
</html>
